<?php include_once('../layouts/header.php') ?>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',split:true,border:false">
        <div class="container">
            <fieldset><legend><code>普通</code></legend></fieldset>
            <div>
                <button class="btn btn-default">默认</button>
                <a href="#" class="btn btn-primary"><i class="fa fa-folder-open"></i>链接</a>
                <button class="btn btn-success"><i class="fa fa-exclamation-triangle"></i>成功</button>
                <button class="btn btn-hope"><i class="fa fa-cog"></i>希望</button>
                <button class="btn btn-purple"><i class="fa fa-code"></i>浪漫</button>
                <button class="btn btn-lg btn-info"><i class="fa fa-power-off"></i>最大</button>
                <button class="btn btn-warning"><i class="fa fa-comment-o"></i>普通</button>
                <button class="btn btn-sm btn-danger"><i class="fa fa-desktop"></i>小小</button>
                <button class="btn btn-xs btn-gray"><i class="fa fa-cog"></i>最小</button>
            </div>
            <fieldset><legend><code>outline</code></legend></fieldset>
            <div>
                <button class="btn btn-default btn-outline">默认</button>
                <a href="#" class="btn btn-primary btn-outline"><i class="fa fa-folder-open"></i>链接</a>
                <button class="btn btn-success btn-outline"><i class="fa fa-exclamation-triangle"></i>成功</button>
                <button class="btn btn-hope btn-outline"><i class="fa fa-cog"></i>希望</button>
                <button class="btn btn-purple btn-outline"><i class="fa fa-code"></i>浪漫</button>
                <button class="btn btn-lg btn-info btn-outline"><i class="fa fa-power-off"></i>大按钮</button>
                <button class="btn btn-warning btn-outline"><i class="fa fa-comment-o"></i>普通</button>
                <button class="btn btn-sm btn-danger btn-outline"><i class="fa fa-desktop"></i>小按钮</button>
                <button class="btn btn-xs btn-gray btn-outline"><i class="fa fa-cog"></i>最小</button>
            </div>
            <fieldset><legend><code>禁用</code></legend></fieldset>
            <div>
                <a href="#" class="btn btn-default btn-outline disabled">default</a>
                <a href="#" class="btn btn-primary disabled">primary</a>
                <a href="#" class="btn btn-primary btn-outline disabled">outline</a>
                <a href="#" class="btn btn-success disabled">success</a>
                <button class="btn btn-hope disabled"><i class="fa fa-cog"></i>希望</button>
                <button class="btn btn-purple disabled"><i class="fa fa-code"></i>浪漫</button>
                <a href="#" class="btn btn-info btn-outline disabled">info</a>
                <a href="#" class="btn btn-danger disabled">danger</a>
                <button class="btn btn-gray btn-outline disabled"><i class="fa fa-cog"></i>gray</button>
            </div>
            <fieldset><legend><code>自适应</code></legend></fieldset>
            <div>
                <button class="btn btn-success btn-lg btn-outline btn-block"><i class="fa fa-desktop"></i>宽度自适应</button>
                <button class="btn btn-danger btn-lg btn-block"><i class="fa fa-cog"></i>宽度自适应</button>
            </div>
            <fieldset><legend><code>notice</code></legend></fieldset>
            <div>
                <div class="notice notice-default"><i class="fa fa-bullhorn"></i>this is <a href="">链接</a> notice notice-default<code>gersajdj</code>asdlj</div>
                <div class="notice notice-primary">this is <a href="">链接</a> notice notice-primary<code>gersajdj</code>asdlj</div>
                <div class="notice notice-success">this is <a href="">链接</a> notice notice-success<code>gersajdj</code>asdlj</div>
                <div class="notice notice-hope">this is <a href="">链接</a> notice notice-hope<code>gersajdj</code>asdlj</div>
                <div class="notice notice-purple">this is <a href="">链接</a> notice notice-purple<code>gersajdj</code>asdlj</div>
                <div class="notice notice-info">this is <a href="">链接</a> notice notice-info<code>gersajdj</code>asdlj</div>
                <div class="notice notice-warning">this is <a href="">链接</a> notice notice-warning<code>gersajdj</code>asdlj</div>
                <div class="notice notice-danger">this is <a href="">链接</a> notice notice-danger<code>gersajdj</code>asdlj</div>
                <div class="notice notice-gray">this is <a href="">链接</a> notice notice-gray<code>gersajdj</code>asdlj</div>
            </div>
        </div>
    </div>
</div>

<?php include_once('../layouts/footer.php') ?>